<include file="public@head" />
</head>

<body>
    <div class="layui-fluid wrap js-check-wrap" id="component-tabs">
        <div class="layui-row">
            <div class="layui-col-md12">
                <div class="layui-card">
                    <div class="layui-card-header">后台菜单管理</div>
                    <div class="layui-card-body">
                        <div class="layui-tab">
                            <ul class="layui-tab-title">
                                <li class="layui-this"><a href="{:url('Menu/index')}">后台菜单</a></li>
                                <li><a href="{:url('Menu/add')}">添加菜单</a></li>
                                <li><a href="{:url('Menu/lists')}">所有菜单</a></li>
                            </ul>
                            <div class="layui-tab-content">
                                <div class="layui-tab-item layui-show">
                                    <form class="js-ajax-form layui-form" action="{:url('Menu/listOrder')}" method="post">
                                        <button class="layui-btn layui-btn-normal layui-btn-xs js-ajax-submit" type="submit">{:lang('SORT')}</button>
                                        <table class="layui-table" id="menus-table">
                                            <thead>
                                                <tr>
                                                    <th width="80">{:lang('SORT')}</th>
                                                    <th width="50">ID</th>
                                                    <th>{:lang('NAME')}</th>
                                                    <th>操作</th>
                                                    <th width="80">{:lang('STATUS')}</th>
                                                    <th width="180">{:lang('ACTIONS')}</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                {$category}
                                            </tbody>
                                            <thead>
                                                <tr>
                                                    <th width="80">{:lang('SORT')}</th>
                                                    <th width="50">ID</th>
                                                    <th>{:lang('NAME')}</th>
                                                    <th>操作</th>
                                                    <th width="80">{:lang('STATUS')}</th>
                                                    <th width="180">{:lang('ACTIONS')}</th>
                                                </tr>
                                            </thead>
                                        </table>
                                        <button class="layui-btn layui-btn-normal layui-btn-xs js-ajax-submit" type="submit">{:lang('SORT')}</button>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <include file="public@footer" />
    <script>
    $(document).ready(function() {
        Wind.css('treeTable');
        Wind.use('treeTable', function() {
            $("#menus-table").treeTable({
                indent: 20
            });
        });
    });
    </script>
</body>

</html>